﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
	<link href="~/Content/bootstrap.min.css" rel="stylesheet" />

	<script>
		function check()
		{
			if (document.getElementsByName('userName')[0].value == "" || document.getElementsByName('tableName')[0].value == "")
			{
				alert("Shit can't be empty, Bitch!")
				return false;
			}
			else
				return true;
		}
	</script>
</head>
<body>

	<div class="container">

		<div class="page-header">
			<h1>Who's Chu in the Zoo? <small><i>alpha</i></small></h1>
		</div>

		<div style="margin-top: 100px;"></div>

		<div class="row">
			<div class="col-sm-offset-2 col-sm-8 text-center">
				<form action="join" method="post" onsubmit="return check()">
					<div class="form-group">
						<input name="playerName" class="form-control" placeholder="Your name" />
					</div>
					<div class="form-group">
						<input name="tableName" class="form-control" placeholder="Table you want to join" />
					</div>
					<button type="submit" class="btn btn-lg btn-primary">Join</button>
				</form>
			</div>
		</div>
	</div>

	<script src="~/Scripts/bootstrap.min.js"></script>
</body>
</html>
